<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
    <title>联系我们</title>

    <style type="text/css">
  div{
     width:100%;
     height: 100%;
    } 
.c{
    width:100%;
    height: 90%;
    margin: 3% auto;
    
}

 .tu img{
        width: 100%; 
         margin:0 auto;
    }
body{
    margin:0px;
    font-size:28px;
    }

#right{
    /* float:left; */
   /*  width:90%; */
    /* height: 100%; */
    /* margin-left:20%; */
    background:url(../images/body.png);
   /*  background-repeat:repeat-x; */
    font-size: 20px;
.  
        width: 50%;
        line-height: 20%;
        margin:0 auto;
        text-align: center;
      
       
       
    


    }

#container{
    width:100%;
    margin:0px auto;
    
    }
#zc{
    height:100%;
    line-height:70%;
    font-family:"幼圆";
    font-size:32px;
    border-left:3px solid #59AfE4;
    border-bottom:1px solid #CCC;
    margin:50px 0px 30px;
    color:#616161;}




.clear{
    clear:both;}
#footer{
    background:#fff;
    text-align:center;
    padding:20px 0;
    color:#616161;} 


.xia{   
        width: 80%;
        line-height: 80px;
        margin:0 auto;
        text-align: center;
        font-family:"隶书";
        border-radius: 5%;
        background: #D1EEEE;
    }
.img1{
    text-align: center;
}
.img{
    width: 50%;
    height: 50%;
    margin: 0px auto; 
}
</style>

</head> 
<body>
    <div class="tu"><img src="images/wei.jpg">
    </div>
   <div class="tu"><img src="images/contact.jpg">
   </div>
 <div id="container">
    <div id="right">
    <div id="zc">We’d love to hear from you </div>
   <div class="c"> <form class="f1" action="http://www.infojhc.cn/~201421010730087/yao.html" method="get" > 
<fieldset > 
<legend>用户注册</legend> 
<table width=100% > 
<tbody> 
<tr ><td class=“left” width=40% align="right"><label for="t1">姓 名：</label></td> 
<td class="right"><input type="text" id="t1" name="Name"></td> 
</tr> 
<tr><td class=“left” width=40% align="right"><label for="Password1">密 码：</label></td> 
<td class="right"><input id="Password1" type="password" name="Password" /></td> 
</tr> 
<tr><td class=“left” width=40% align="right"><label for="e1">邮 箱：</label></td> 
<td class="right"><input type="email" id="e1" name="youxiang" ></td> 
</tr> 
<tr><td class=“left” width=40% align="right"><label for="1">性 别：</label></td> 
<td class="right"><input type="radio" id="1" name="ssex" value="nan" />男<!-- name设置成一样的就行了--> 
<input type="radio" id="2" name="ssex" value="nv" />女 
</td> 
</tr> 
<tr><td class=“left” width=40% align="right">地 区：</td> 
<td><select id="selc" name="place"> 
<option value="quanzhou">金华</option> 
<option value="xiamen">杭州</option> 
<option value="zhangzhou" >温州</option> 
</select> 
</td> 
</tr> 
<tr><td class=“left” width=40% align="right"><label for="txtarea">简 介：</label></td> 
<td><textarea id="txtarea"></textarea></td> 
</tr> 
<tr><td class=“left” width=40% align="right">兴 趣：</td> 
<td><input type="checkbox" id="cbox1" name="dushu" value="c1">读书 
<input type="checkbox" id="cbox2" name="yundong" value="c2">运动 
<input type="checkbox" id="cbox3"name="chihe" value="c3">吃喝 
</td> 
</tr> 
<tr><td class=“left” width=40% align="right">上 传：</td> 
<td> <input type="file" id="f1" name="shangchuan" value="File1" /></td> 
</tr> 
<tr><td class=“left” width=40% align="right" rowspan=2> 
<input id="Submit1" type="submit" value="提 交" /> 
</td> 
<td> <input id="Reset1" type="reset" value="重 置" /> 
</td> 
</tr> 
</tbody> 
</table> 
</fieldset> 
</form> </div>
    </div>
    </div>
  <div class="clear">  
  </div>
 <div class="xia">加盟代理<br>
    <div class="img1"><img src="images/erweima.jpg" class="img"></div></div>
 </div>
<div id="footer">Copyright<span>@</span>2016 Tencent All Rights Reserved 版权所有</div>

</body>
</html>
